<template>
  <div class="exam-info" v-if="row.hasOwnProperty('name')">
    <h2 class="exam-name">{{ row.name }}</h2>
    <p class="exam-info-list">
      <span><b>考试时长</b> {{ row.examDuration }} 分钟</span>
      <span><b>考试总分</b> {{ toFixeds(row.testPaper.totalScore) }} 分</span>
      <span><b>及格分</b> {{ toFixeds(row.passScore) }} 分</span>
      <span><b>考试次数</b> {{ row.examMaxNum }}</span>
    </p>
    <p class="exam-time">{{ row.startTime }} 至 {{ row.endTime }}</p>
  </div>
</template>
<script>
export default {
  props: ['row'],
}
</script>
<style scoped lang="scss">
.exam-info {
  font-size: 12px;
  color: #666;
  text-align: center;
  line-height: 2;
  margin: 20px 0;
  .exam-name {
    color: #333;
    line-height: 2;
    font-size: 22px;
  }
  .exam-info-list {
    span {
      margin: 0 10px;
    }
  }
}
</style>